Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

CORE-1936 MUI v5 fixes #557

Merged
merged 6 commits into from
Nov 22, 2023
Merged

Conversation

psarando
Copy link
Member

@psarando psarando commented Nov 22, 2023

This PR will add some fixes for changes introduced by MUI v5 added in #554.

  • Updated dialog action buttons to contained variants, since the Button component now uses the primary color by default, and most of our dialog primary action buttons now looked the same as "cancel" buttons. The contained variant should also help the primary action to stand out more.
  • Updated data selection drawer zIndex to modal.
    • The data selection drawer zIndex was less than the zIndex for dialogs in MUI v5, so it was hidden behind dialogs like the data move or copy metadata dialogs.

This PR also includes some fixes not related to the MUI v5 upgrade, but are for bugs that I came across during testing; such as a startingPath warning in the PathListViewer, and a client-side exception has occurred error that can display after launching analyses and navigating away and then back to the dashboard.

See visual changes in Chromatic.

Buttons are now primary color by default,
so dialog primary action buttons looked the same as "cancel" buttons.
The data selection drawer zIndex was less than the zIndex for dialogs
in mui v5, so this fixes it so that it's no longer hidden behind
data move or copy metadata dialogs.

Also fixed a warning about an elevation with the outlined variant.
@psarando psarando added bug Something isn't working enhancement New feature or request labels Nov 22, 2023
Sometimes when new analyses are launched and added to the
"Recent Analyses" section of the dashboard, navigating away, then back
to the dashboard displays an error:
`A client-side exception has occurred`

The browser dev console displays
"Minified React error cyverse-de#310;
visit https://reactjs.org/docs/error-decoder.html?invariant=310"

Which translates to
`Rendered more hooks than during the previous render`.

A possible fix for this may have been added to the `InstantLaunchItem`
in cyverse-de#312, so I'm attempting this fix in the remaining dashboard items.
@psarando
Copy link
Member Author

I'm going to merge this now, but reviews are still welcome 🙇

@psarando psarando merged commit a09d32d into cyverse-de:master Nov 22, 2023
5 of 6 checks passed
@psarando psarando deleted the CORE-1936-mui-v5-fixes branch November 22, 2023 03:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant